<template>

  <transition name="el-zoom-in-top">
    <div class="search_mask">

      <div class="assectSeachWindow">
        <div class="assectSeachWindow_searchContent">
          <img src="static/image/newWork/search.png" alt="">
          <input ref="searchContent" v-model="searchData" @keydown="searchByKey" />

        </div>

        <div class="assectSeachWindow_tabs">
          <div class="assectSeachWindow_his" v-show="!searchData.trim()">
            <div class="assectSeachWindow_his_t">

              <span>搜索历史</span>
              <img @click="delHis" style="cursor:pointer" src="static/image/newWork/delete 1.png" alt="">
            </div>
            <div class="assectSeachWindow_his_l">
              <div v-for="t in hisData" :key="t" class="list" @click="searchHis(t)">{{t}}</div>
            </div>
          </div>
          <el-tabs v-model="activeName">
            <el-tab-pane label="当前" name="1">
              <div v-show="searchData.trim()">
                <p v-if="!remindOfficialList || remindOfficialList.length == 0" style="text-align: center;">
                  无数据
                </p>

                <template v-for="(item, index) in remindOfficialList">
                  <div @click="lookDetail(item,index)" :class="['newRemind']" :key="'remind_' + index" style="cursor:pointer; background: #fff;margin-bottom:10px;">
                    <div :class="['remind1']">
                      <div class="assect_right_btn" v-if="item.isAssect">
                        <img style="" src="static/image/newWork/daishenhe.png" alt="">
                      </div>
                      <div class="remind_top">
                        <div class="remind_top_m">

                          <img style="width:unset" v-if="item.isOfficial" src="static/image/newWork/icon_32pt_1.png" />

                          <img style="margin-left:5px;width:37px" v-else-if="item.isAssect" src="static/image/newWork/icon_32pt 36.png" />
                          <img v-else src="static/image/home/contact/thing_date.png" />
                          <!-- <span style="margin:0 4px;color:#E67529">{{item.isOfficial ? '公文' : item.isAssect ? '资产' : '待办'}}</span> -->
                          <!-- <div class="assectTitle" v-if="item.isAssect && !showCard"> {{item.procName}}</div> -->

                        </div>
                      </div>

                      <div class="remind1_right">

                        <div class="assectTitle" style="padding:0 15px 10px 15px" v-if="item.isAssect"> {{item.procName}}</div>
                        <div class="assectContent" v-if="item.isAssect">

                          <div class="assectName" style="">
                            申请人: {{item.startUserName}}
                          </div>
                          <!-- <span @click="examine(item)" class="assectBtn">审核</span> -->
                          <span>{{item.createTIme}}</span>

                        </div>

                        <div v-else class='remind_context'>
                          <div v-if="!item.isAssect" class="remind_left_c">
                            <div class="remind_left_c_f">
                              <div v-if="item.isOfficial && !item.viewerTime" class="flagNoRead" style=""></div>
                              <div :title="item.sendCompany+[item.year]+item.sendDept+item.issuedNumber+'号'" v-if="item.isOfficial" class="remind_left_c_f_f"
                                style="white-space: nowrap;text-overflow:ellipsis;overflow:hidden;">

                                {{ item.sendCompany }}[{{ item.year }}]{{item.sendDept}}{{ item.issuedNumber }}号
                                <!-- <span>{{ item.sendCompany }}</span>
                            <span>[{{ item.year }}]</span>
                            <span v-if="item.sendDept">{{
                              item.sendDept
                            }}</span>
                            <span>{{ item.issuedNumber }}号</span> -->

                              </div>

                            </div>
                          </div>
                          <div class="remind1_tiem_contenxt">

                            <div :title="$utilJs.replaceTosymbol(textMsg($utilJs.toRawStr(item.VALUE)))" :class="{isDone:item.ISDONE == 1}"
                              style="text-align:left;width:70%;white-space: nowrap;text-overflow:ellipsis;overflow:hidden;  margin-bottom:10px;">
                              {{
                              $utilJs.replaceTosymbol(
                                textMsg($utilJs.toRawStr(item.VALUE))
                              )
                            }}
                            </div>
                            <div class="remind_item_time">
                              <!-- $isNull -->
                              <div style="">
                                <span>
                                  {{ item.CREATEDATE.split(' ')[0] }}
                                </span>

                              </div>

                            </div>
                          </div>

                        </div>
                      </div>
                    </div>

                  </div>
                </template>
              </div>
            </el-tab-pane>
            <el-tab-pane label="综合" name="2">
              <div v-show="searchData.trim()" class="assectSeachWindow_zong">
                <el-collapse>
                  <el-collapse-item>
                    <template slot="title">
                      <div class="apps">应用</div>
                      <div class="count">共{{appListArr.length}}条</div>
                    </template>
                    <div class="assectSeachWindow_zong_APPList">

                      <div v-for="t in appListArr" :key="t.ID" class="appItem">
                        <img :src="'static/image/word/' + t.ICON + '.png'" alt="">
                        <div>{{t.NAME}}</div>
                      </div>
                    </div>

                  </el-collapse-item>
                  <el-collapse-item>
                    <template slot="title">
                      <div class="apps">我的待办</div>
                      <div class="count">共{{remindOfficialList.length}}条</div>
                    </template>
                    <template v-for="(item, index) in remindOfficialList">
                      <div @click="lookDetail(item,index)" :class="['newRemind']" :key="'remind_' + index" style=" background: #fff;margin-bottom:10px;">
                        <div :class="['remind1']">
                          <div class="assect_right_btn" v-if="item.isAssect" style="top:6px;right:6px">
                            <img style="margin-top:-4px;margin-right:-10px" src="static/image/newWork/daishenhe.png" alt="">
                          </div>
                          <div class="remind_top">
                            <div class="remind_top_m">

                              <img style="width:unset" v-if="item.isOfficial" src="static/image/newWork/icon_32pt_1.png" />

                              <img style="margin-left:5px;width:37px" v-else-if="item.isAssect" src="static/image/newWork/icon_32pt 36.png" />
                              <img v-else src="static/image/home/contact/thing_date.png" />
                              <!-- <span style="margin:0 4px;color:#E67529">{{item.isOfficial ? '公文' : item.isAssect ? '资产' : '待办'}}</span> -->
                              <!-- <div class="assectTitle" v-if="item.isAssect"> {{item.procName}}</div> -->

                            </div>
                          </div>

                          <div class="remind1_right">

                            <div class="assectTitle" style="padding:0 15px 10px 15px" v-if="item.isAssect"> {{item.procName}}</div>
                            <div class=" assectContent" v-if="item.isAssect">

                              <div class="assectName" style="">
                                申请人: {{item.startUserName}}
                              </div>

                              <!-- <span @click="examine(item)" class="assectBtn">审核</span> -->
                              <span>{{item.createTIme}}</span>

                            </div>

                            <div v-else class='remind_context'>
                              <div v-if="!item.isAssect" class="remind_left_c">
                                <div class="remind_left_c_f">
                                  <div v-if="item.isOfficial && !item.viewerTime" class="flagNoRead" style=""></div>
                                  <div :title="item.sendCompany+[item.year]+item.sendDept+item.issuedNumber+'号'" v-if="item.isOfficial" class="remind_left_c_f_f"
                                    style="white-space: nowrap;text-overflow:ellipsis;overflow:hidden;">

                                    {{ item.sendCompany }}[{{ item.year }}]{{item.sendDept}}{{ item.issuedNumber }}号

                                  </div>

                                </div>
                              </div>
                              <div class="remind1_tiem_contenxt">

                                <div :title="$utilJs.replaceTosymbol(textMsg($utilJs.toRawStr(item.VALUE)))" :class="{isDone:item.ISDONE == 1}"
                                  style="text-align:left;width:70%;white-space: nowrap;text-overflow:ellipsis;overflow:hidden; ">
                                  {{
                              $utilJs.replaceTosymbol(
                                textMsg($utilJs.toRawStr(item.VALUE))
                              )
                            }}
                                </div>
                                <div class="remind_item_time">
                                  <!-- $isNull -->
                                  <div style="">
                                    <span>
                                      {{ item.CREATEDATE.split(' ')[0] }}
                                    </span>

                                  </div>

                                </div>
                              </div>

                            </div>
                          </div>
                        </div>

                      </div>
                    </template>

                  </el-collapse-item>
                  <el-collapse-item>
                    <template slot="title">
                      <div class="apps">公文管理</div>
                      <div class="count">共{{documentList.length}}条</div>
                    </template>
                    <p v-if="!documentList || documentList.length == 0" style="text-align: center;">
                      无数据
                    </p>
                    <div v-else>与现实生活一致</div>

                  </el-collapse-item>

                </el-collapse>
              </div>
            </el-tab-pane>

          </el-tabs>
        </div>
      </div>

    </div>
  </transition>
</template>

<script>
import { mapMutations, mapState } from "vuex";
import { getRemind } from "@/api/offdoc.js";
import { assetsLogin, assetsList } from "@/api/assetsWorkApp.js";
import { findApp } from "@/api/sessionListSider.js";
export default {
  methods: {
    delHis() {
      this.hisData = [];
    },
    lookDetail(t, i) {
      console.log(t, 666);
      if (t.isAssect) {
        this.$emit("transmitAppName", t, "accect");
      } else if (t.isOfficial) {
        this.$emit("lookOffic", t, i);
      } else if (t.isRemind) {
      }
    },
    getAppList() {
      this.appListArr = [];
      // this.searchData
      this.othersAppsRang.forEach((t) => {
        if (t.NAME.includes(this.searchData)) {
          if (!t.CHILD) {
            this.appListArr.push(t);
          }
        }
      });

      console.log(this.appListArr, 327);

      //   findApp({
      //     userid: this.myInfo.id,
      //     name: this.searchData,
      //   }).then((res) => {
      //     if (res.code == 200) {
      //       let appListArr = res.data ? res.data : [];

      //       this.othersAppsRang.forEach((t) => {
      //         appListArr.forEach((c) => {
      //           if (t.ID == c.ID) {
      //             this.appListArr.push(t);
      //           }
      //         });
      //       });

      //     //   this.appListArr = appListArr;

      //       console.log(this.appListArr, 337);
      //     } else {
      //       this.appListArr = [];
      //     }
      //   });
    },
    //修改文本内容发送给后台
    textMsg(myMsg) {
      let regLess = /(\<div\>\<br\>\<\/div\>)*$/g; //去除末尾无意义换行
      myMsg = myMsg.replace(regLess, "");
      let reg = /\<img src=['"]static(.+?)\>/g; //匹配图片
      var imgArr = myMsg.match(reg);
      var regx = /\d+\.gif/g; //匹配gif
      var a = [];
      var sendToAndior = myMsg;
      // if (imgArr) {
      //   for (let i = 0, len = imgArr.length; i < len; i++) {
      //     let sdn = imgArr[i].match(regx);
      //     let ins = parseInt(sdn[0].replace(".gif", "")); //获取图片数字
      //     a.push(ins);
      //   }
      //   for (let i = 0, len = imgArr.length; i < len; i++) {
      //     //找到图片描述
      //     let m = Math.floor(a[i] / 36);
      //     let q = a[i] % 36;
      //     sendToAndior = sendToAndior.replace(
      //       imgArr[i],
      //       "[" + this.expression[m][q] + "]"
      //     );
      //   }
      // }
      //找到非<br>div
      let regAdd = /\<div\>[^\<]*\<\/div\>/g;
      let addArr = Array.from(new Set(sendToAndior.match(regAdd)));
      for (let i in addArr) {
        let arrtest = addArr[i].replace(/-/g, "/-/");
        let regh = new RegExp(arrtest, "gim");
        let regDiv = /\<div\>|\<\/div\>/g;
        let str = addArr[i].replace(regDiv, "");
        sendToAndior = sendToAndior.replace(regh, str);
      }
      return sendToAndior;
    },
    //  资产登录授权

    async assetsLoginAuthorization() {
      try {
        const {
          status,
          data: { datas, resp_msg },
        } = await assetsLogin();

        console.log(datas, resp_msg, 4159);
        if (status == 200) {
          localStorage.setItem("accessToken", datas.access_token);
          this.offDocParams.access_token = datas.access_token;
          console.log("请求参数为：", this.offDocParams);

          this.getAssetsList(this.offDocParams);
        } else {
        }
      } catch (err) {
        this.$message.error("打开资产异常");
        console.log(err, 4112);
      }
    },

    // 获取资产待办
    async getAssetsList(data) {
      console.log(data, 764);
      const {
        data: { datas },
        resp_msg,
        status,
      } = await assetsList(data);
      this.$endLoading();

      console.log(datas, 651);
      let res = datas.data;
      let count = datas.count;

      this.assectTotalPage = Math.ceil(count / this.offDocParams.limit);
      res.forEach((t) => {
        t.isAssect = true;
        t.isOfficial = false;
        t.isRemind = false;
      });
      console.log(res, 838);
      this.remindOfficialList.push(...res);
      // this.remindOfficialList = datas.data;
    },
    // 获取资产待办
    getAssets() {
      console.log("获取资产待办");
      this.$startLoading("#doc_list");
      if (this.isSearchAllOff && this.offDocParams.documentState == "") {
        this.offDocParams.documentState = 0;
      }
      this.offDocParams.keyword = this.searchData;
      this.offDocParams.sendingUnit = this.structure;
      this.offDocParams.startTime = this.remindOfficialTime
        ? this.$formatDateTime(new Date(this.remindOfficialTime[0]))
        : "";
      this.offDocParams.endTime = this.remindOfficialTime
        ? this.$formatDateTime(new Date(this.remindOfficialTime[1]))
        : "";
      this.offDocParams.viewStartTime = this.remindOfficialTimeDispose
        ? this.$formatDateTime(new Date(this.remindOfficialTimeDispose[0]))
        : "";
      this.offDocParams.viewEndTime = this.remindOfficialTimeDispose
        ? this.$formatDateTime(new Date(this.remindOfficialTimeDispose[1]))
        : "";

      let access_token = localStorage.getItem("accessToken");
      if (access_token) {
        this.offDocParams.access_token = access_token;
        console.log("请求参数为：", this.offDocParams);

        this.getAssetsList(this.offDocParams);
      } else {
        this.assetsLoginAuthorization();
      }
    },
    //获取公文
    getOfficDoc() {
      this.$startLoading("#doc_list");
      if (this.isSearchAllOff && this.offDocParams.documentState == "") {
        this.offDocParams.documentState = 0;
      }
      // this.offDocParams.documentState = "0";
      this.offDocParams.keyword = this.searchData;
      this.offDocParams.sendingUnit = this.structure ? this.structure : "";
      this.offDocParams.startTime = this.remindOfficialTime
        ? this.$formatDateTime(new Date(this.remindOfficialTime[0]))
        : "";
      this.offDocParams.endTime = this.remindOfficialTime
        ? this.$formatDateTime(new Date(this.remindOfficialTime[1]))
        : "";
      this.offDocParams.viewStartTime = this.remindOfficialTimeDispose
        ? this.$formatDateTime(new Date(this.remindOfficialTimeDispose[0]))
        : "";
      this.offDocParams.viewEndTime = this.remindOfficialTimeDispose
        ? this.$formatDateTime(new Date(this.remindOfficialTimeDispose[1]))
        : "";
      console.log("请求参数为：", this.offDocParams);
      this.$ajax_official(
        "get",
        "office/document/document/myListPage",
        this.offDocParams,
        (res) => {
          if (res.code == 200) {
            console.log("接口返回的数据", res.data);
            if (!res.data || !res.data.dataList) {
              this.dataList = [];
              this.remindOfficialList = [];
              this.noReadOffTotalPage = 1;
              this.$endLoading();
              return false;
            }
            // this.menutypeList[0].children[1].noReadNum = res.data.undoneSum;
            this.noReadOffTotalPage = Math.ceil(
              res.data.total / this.offDocParams.limit
            );
            this.$store.state.officialManageTotal = res.data.undoneSum;
            this.GUnRead = res.data.undoneSum;
            // if (
            //   this.selectType.includes("1") ||
            //   this.selectType.length == 0 ||
            //   (this.selectType.includes("2") && this.selectType.includes("3"))
            // ) {
            //   this.totalUnRead =
            //     this.menutypeList[0].children[1].noReadNum +
            //     this.menutypeList[1].children[1].noReadNum;
            // } else {
            //   this.totalUnRead = this.GUnRead;
            // }
            // this.allNoReadNum =
            //   this.menutypeList[0].children[1].noReadNum +
            //   this.menutypeList[1].children[1].noReadNum;
            // // 2022/6/6 zc新增 更新左侧未完成待办内容
            // this.$emit("update:officialManageTotal", this.allNoReadNum);
            this.dataList = res.data.dataList;
            this.officialTotalPage = Math.ceil(
              res.data.total / this.offDocParams.limit
            );
            this.dataList.map((item) => {
              item["isOfficial"] = true; //是否是公文
              item["isRemind"] = false; //是否是待办
              item["isManage"] = true; //公文完成状态
              item["CREATEDATE"] = item.snedTime
                ? item.snedTime
                : item.createTime;
              item["VALUE"] = item.title;
              // 处理展示的公文图片
              if (item.docImgPath) item.docImgPath = item.docImgPath.split(",");
            });
            if (this.isSearchAllOff) {
              if (
                (this.noReadOffTotalPage <= 1 ||
                  res.data.dataList.length == 0) &&
                this.offDocParams.page <= 1 &&
                this.offDocParams.documentState == 0
              ) {
                this.remindOfficialList.push(...this.dataList);
                this.offDocParams.documentState = 1;
                this.offDocParams.page = 1;
                this.$endLoading();
                return this.getOfficDoc();
              } else if (
                this.type == 0 &&
                this.offDocParams.documentState == 1
              ) {
                this.remindOfficialList.push(...this.dataList);
                this.remindParams.pageNumber = 1;
                this.$endLoading();
                // this.assetsLoginAuthorization();
                // 公文结束开始获取资产待办
                this.getAssets();
                return this.getReminders();
              } else {
                this.remindOfficialList.push(...this.dataList);
                if (
                  this.noReadOffTotalPage <= this.offDocParams.page &&
                  this.offDocParams.documentState == 0
                ) {
                  this.offDocParams.documentState = 1;
                  this.offDocParams.page = 1;
                  this.$endLoading();
                  this.getOfficDoc();
                }
              }
              // if(this.officialTotalPage <= 1 && this.type == 0 && this.offDocParams.documentState == 1){
              //   this.remindOfficialList.push(...this.dataList);
              //   this.remindParams.pageNumber = 1;
              //   this.getReminders();
              // }
            } else {
              console.log(
                this.offDocParams.page,
                this.officialTotalPage,
                this.type,
                850
              );
              if (this.offDocParams.page <= 1) {
                this.remindOfficialList = this.dataList;
                if (this.officialTotalPage <= 1 && this.type == 0) {
                  this.remindParams.pageNumber = 1;
                  this.getAssets();
                  this.getReminders();
                }
              } else {
                return this.remindOfficialList.push(...this.dataList);
              }
              this.$endLoading();
            }
            this.$endLoading();
          } else if (res.code == 401) {
            this.$getOfficialToken(this.myInfo);
            this.$endLoading();
          } else {
            this.$Message.warning(res.msg);
            this.$endLoading();
          }
        },
        (res) => {
          this.$endLoading();
          this.$Message.warning(res.msg);
        }
      );
    },
    //获取日程提醒
    getReminders() {
      this.remindParams.userid = this.$store.state.myInfo.id;
      this.remindParams.keyword = this.searchData;
      this.remindParams.startTime = this.remindOfficialTime
        ? this.$formatDateTime(new Date(this.remindOfficialTime[0]))
        : "";
      this.remindParams.endTime = this.remindOfficialTime
        ? this.$formatDateTime(new Date(this.remindOfficialTime[1]))
        : "";
      // 2022/5/6 zc修改 处理时间的起始时间与结束时间
      this.remindParams.startRemindTime = this.remindOfficialTimeDispose
        ? this.$formatDateTime(new Date(this.remindOfficialTimeDispose[0]))
        : "";
      this.remindParams.endRemindTime = this.remindOfficialTimeDispose
        ? this.$formatDateTime(new Date(this.remindOfficialTimeDispose[1]))
        : "";
      getRemind(this.remindParams)
        .then((res) => {
          if (res.result == 200) {
            let remind = res.data || [];
            this.DUnRead = res.nodones;
            this.menutypeList[1].children[1].noReadNum = res.nodones;
            for (let i = 0; i < remind.length; i++) {
              remind[i].VALUE = this.toExpression(
                this.$utilJs.regUrl(remind[i].VALUE || "")
              );
            }
            if (
              this.selectType.includes("1") ||
              this.selectType.length == 0 ||
              (this.selectType.includes("2") && this.selectType.includes("3"))
            ) {
              this.totalUnRead =
                this.menutypeList[0].children[1].noReadNum +
                this.menutypeList[1].children[1].noReadNum;
            } else {
              this.totalUnRead = this.DUnRead;
            }
            this.allNoReadNum =
              this.menutypeList[0].children[1].noReadNum +
              this.menutypeList[1].children[1].noReadNum;
            this.remindList = remind || [];
            this.remindList.map((item) => {
              item["isOfficial"] = false;
              item["isRemind"] = true;
            });
            this.remindTotalPage = Math.ceil(
              res.totals / this.remindParams.pageSize
            );
            if (this.remindParams.pageNumber <= 1 && this.type == 2) {
              this.remindOfficialList = this.remindList;
            } else {
              this.remindOfficialList.push(...this.remindList);
            }
          } else {
            this.$Message.warning("查询待办列表失败,请稍后再试");
          }
        })
        .catch((err) => {
          this.$Message.warning("查询待办列表失败,请稍后再试");
        });
    },
    clickEve(e) {
      e.stopPropagation();
      console.log(e.target.className);
      if (e.target.className == "search_mask") {
        this.$emit("update:isAssectSearchShow", false);
      }
    },
    searchByKey(e) {
      this.remindOfficialList = [];
      console.log(this.type, 621);
      if (e.keyCode == 13 && this.searchData.trim()) {
        if (this.hisData.includes(this.searchData)) {
          let index = this.hisData.findIndex((t) => {
            return t == this.searchData;
          });

          this.hisData.splice(index, 1);
          this.hisData.unshift(this.searchData);
        } else {
          this.hisData.push(this.searchData);
        }
        if (this.type == 2) {
          this.getReminders();
        } else if (this.type == 4) {
          this.getAssets();
        } else {
          this.getOfficDoc();
        }
        this.getAppList();
      }
    },
    searchHis(t) {
      this.searchData = t;
      this.searchByKey({ keyCode: 13 });
    },
  },
  data() {
    return {
      isSearchAllOff: true,
      documentList: [],
      othersAppsRang: [],
      appListArr: [],
      remindParams: {
        //待办查询参数
        userid: "",
        keyword: "",
        startTime: "",
        endTime: "",
        pageNumber: 0,
        pageSize: 20,
        isdone: "",
        startRemindTime: "",
        endRemindTime: "",
        sendingUnit: "",
      },
      officialTotalPage: "",
      noReadOffTotalPage: 1,
      offDocParams: {
        //公文查询参数
        keyword: "",
        startTime: "",
        endTime: "",
        viewStartTime: "",
        viewEndTime: "",
        page: 1,
        limit: 20,
        documentState: "",
      },
      remindOfficialList: [],
      hisData: [],
      activeName: "1",
      searchData: "",
    };
  },
  props: {
    isAssectSearchShow: {},
    type: {
      default: 0,
    },
    showCard: {
      default: false,
    },
  },
  watch: {
    isAssectSearchShow: {
      handler(val) {
        if (val) {
          document.addEventListener("click", this.clickEve);
          this.$nextTick(() => {
            this.$refs.searchContent.focus();
          });
        } else {
          console.log("else");
          document.removeEventListener("click", this.clickEve);
        }
      },
      immediate: true,
    },

    type(v) {
      if (v == 0) {
        this.isSearchAllOff = true;
      } else {
        this.isSearchAllOff = false;
      }
    },
  },
  mounted() {
    setTimeout(() => {
      let othersApps = this.$store.state.othersApps;
      let rankArr = [];
      othersApps.forEach((t) => {
        rankArr.push(t);
        if (t.CHILD) {
          t.CHILD.forEach((c) => {
            rankArr.push(c);
          });
        }
      });
      this.othersAppsRang = rankArr;
      console.log(this.othersAppsRang, 760);
    }, 2000);
  },
  computed: {
    ...mapState(["myInfo", "othersApps"]),
  },
};
</script>

<style lang="less" scoped>
// @import "xxx";
// @import url(xxx);
.assectSeachWindow {
  /* 容器 338 */
  z-index: 99;
  position: absolute;
  left: 50%;
  transform: translate(-50%);
  //   width: 460px;
  //   height: 484px;
  width: 55%;
  height: 90%;
  border-radius: 4px;

  background: #ffffff;

  box-sizing: border-box;
  border: 1px solid #fa7500;

  box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.2);
  //   padding: 20px 0;
  overflow-y: auto;

  .assectSeachWindow_searchContent {
    width: 96%;
    border-bottom: 1px solid #d8d8d8;
    display: flex;
    padding: 10px 10px;
    margin: 0 auto;
    input {
      width: 100%;
      height: 100%;
      border: none;
      outline: none;
      margin-left: 10px;
    }
  }

  .assectSeachWindow_tabs {
    position: relative;
    /deep/.el-tabs__nav,
    .is-top {
      transform: translateX(10px) !important;
    }
    /deep/.el-tabs__active-bar {
      width: 50px !important;
    }
    /deep/.el-tabs__item,
    .is-top,
    .is-active {
      width: 65px;
      //   text-align: center;
    }

    .assectSeachWindow_his {
      width: 100%;
      position: absolute;
      top: 56px;
      .assectSeachWindow_his_t {
        width: 100%;
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding: 0 10px;
      }

      .assectSeachWindow_his_l {
        display: flex;
        flex-wrap: wrap;
        padding: 0 10px;
        .list {
          border-radius: 15px;
          padding: 5px 20px;
          background: #e1e1e1;
          margin-right: 5px;
          margin-top: 5px;
          cursor: pointer;
        }
      }
    }

    .assectSeachWindow_zong {
      /deep/.el-collapse-item__content {
        max-height: 250px;
        overflow-y: auto;
      }
      .remind1_tiem_contenxt {
        padding: 0 10px 0 0;
      }
      /deep/.is-active {
        width: unset;
      }
      /deep/.el-collapse-item__header {
        background: #f5f5f5;
        height: 40px;
        padding: 0 10px;

        position: relative;

        .count {
          position: absolute;
          right: 36px;
          height: 100%;
          line-height: 40px;
        }
      }
      .assectSeachWindow_zong_APPList {
        display: flex;
        flex-wrap: wrap;

        .appItem {
          width: 31%;
          display: flex;
          align-items: center;
          padding: 10px;
          cursor: pointer;
          img {
            margin-right: 5px;
            width: 32px;
            height: 32px;
          }
        }
      }
      .apps {
      }
    }

    .newRemind {
      position: relative;
      border-radius: 5px;
      overflow: hidden;
      cursor: pointer;

      .remind1 {
        // margin-bottom: 10px;
        // padding: 8px 12px;
        display: flex;
        .assect_right_btn {
          position: absolute;
          top: 0;
          right: 0;
          img {
            width: 100%;
          }
        }

        .remind_top {
          .remind_top_m {
            display: flex;
            align-items: center;
            // justify-content: space-between;
            padding: 0 5px;

            .remind_left_c {
              //   margin-left: 4px;
              text-align: left;

              .remind_left_c_f {
                font-weight: 700;
              }
            }
          }
        }
        .remind1_right {
          width: 100%;
          .remind_left_c_f_f {
            text-align: left;
            font-weight: 700;
          }

          .assectTitle {
            font-weight: 700;
            text-align: left;
          }

          .assectContent {
            display: flex;
            justify-content: space-between;
            padding: 0 15px 10px 15px;
          }
        }

        .remind_right {
          position: absolute;
          top: 0;
          right: 0;
          height: 20px;
          width: 46px;
          text-align: center;
          font-weight: 700;

          .remind_right_btn {
            .backSuccess {
              border: none !important;
              border-radius: 0px 4px 0px 4px;
            }
            .backNoSuccess {
              color: #fa5151 !important;
              border: none !important;
              background: #fcdbdb;
              border-radius: 0px 4px 0px 4px;
            }
          }

          .remind_right_img {
            // margin: 5px;
          }
        }
      }

      .remind_context {
        // padding: 0 12px 10px 16px;
        // display: flex;
        padding-top: 6px;

        .remind1_tiem_contenxt {
          display: flex;
          justify-content: space-between;
          padding-right: 10px;
        }
      }
    }
  }
}

.search_mask {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  //   background: rgba(0, 0, 0, 0.2);
  z-index: 98;
}
</style>